<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录系统</title>
<!-- Custom styles for this template -->
    <link href="css/signin.css" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="js/bs/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap theme -->
    <link href="js/bs/css/bootstrap-theme.min.css" rel="stylesheet">
</head>
<body class="img-responsive" >
<div class="container" >
      <form class="form-signin" action="LoginServlet?act=login" method="post">
        <h2 class="form-signin-heading">欢迎使用宿舍管理系统</h2>
         <br>
        <label for="inputEmail" class="sr-only">账号:</label>
        <input name="ID" type="text" id="inputEmail" class="form-control" placeholder="学号或者工号" required autofocus>
        <label for="inputPassword" class="sr-only">密码:</label>
        <br>
        <input name="password" type="password" id="inputPassword" class="form-control" placeholder="密码" required>
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> 记住我
          </label>
        </div>
        <button class="btn btn-lg btn-default btn-block" type="submit">登录</button>
        <h3><span class="label label-danger">${message}</span></h3>
      </form>

    </div> 
    
     <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="js/jq/jquery.min.js"></script> 
    <script src="js/bs/js/bootstrap.min.js"></script>
</body>
</html>